<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>在授课程列表</title>
		<link rel="stylesheet" href="css/site.completed.min.css" />
		<link rel="stylesheet" href="css/bootstrap-datetimepicker.css" />
		<link rel="stylesheet" href="css/toastr.min.css" />
		<link rel="stylesheet" href="css/select2.min.css" />
		<link rel="stylesheet" href="css/cbvm.app.css" />
		<!--end page level css-->
		<!-- global js -->
		<script type="text/javascript" src="js/jquery.3.js" ></script>
		<script type="text/javascript" src="js/site.completed.min.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.js"></script>
		<script type="text/javascript" src="js/bootstrap-datetimepicker.zh-CN.js"></script>
		<script type="text/javascript" src="js/select2.min.js"></script>
		<script type="text/javascript" src="js/toastr.js"></script>
		<script type="text/javascript" src="js/cbvm.app.js"></script>
		<script type="text/javascript" src="js/pnotify.custom.min.js"></script>
		<script type="text/javascript" src="layui/layui.js"></script>
		
		<link rel="stylesheet" href="layui/css/layui.css" />
		<link rel="stylesheet" href="mystyle.css" />
		
	</head>
	
	<!-- 模块拼接js -->
	<script type="text/javascript">
		$(document).ready(function() {
			$('.header').load("header.html");
		})
	</script>
	<body class="index-body">
		<!-- 外部头部拼接 -->
		<div class="header"></div>
		<div class="in-content">
			<div class="index-bread">
				<ol>
					<li>
						<a href="http://yth.0101data.cn/">
							<i class="fa fa-fw ti-home"></i>在授课程
						</a>
					</li>
				</ol>
			</div>
			<div class="in-course">
				<div class="search layui-row">
					<div class="layui-col-sm9 row">
						<div class="layui-col-sm4">
							<div class="layui-inline">
								<label class="layui-form-label">课程名:</label>
								<div class="layui-input-inline">
									<input class="form-control" type="text"/>
								</div>
							</div>
						</div>
						<div class="layui-col-sm4">
							<div class="layui-inline">
								<label class="layui-form-label">开始时间:</label>
								<div class="layui-input-inline date">
									<input class="form-control" id="date-start"/>
								</div>
							</div>
						</div>
						<div class="layui-col-sm4">
							<div class="layui-inline">
								<label class="layui-form-label">结束时间:</label>
								<div class="layui-input-inline date">
									<input class="form-control" id="date-end"/>
								</div>
							</div>
						</div>
					</div>
					<div class="layui-col-sm3 search-btns">
						<button class="layui-btn layui-btn-sm">查询</button>
						<button class="layui-btn-primary layui-btn-sm">重置</button>
					</div>
				</div>
				<div class="data">
					<table class="layui-table" lay-skin="line">
						<colgroup>
					    <col width="80">
					    <col>
					    <col width="150">
					    <col width="150">
					    <col width="80">
					  </colgroup>
					  <thead>
					    <tr>
					      <th>序号</th>
					      <th>课程名</th>
					      <th>开始时间</th>
					      <th>结束时间</th>
					      <th>操作</th>
					    </tr> 
					  </thead>
					  <tbody>
					  	<tr>
					  		<td>1</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  	<tr>
					  		<td>2</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  	<tr>
					  		<td>3</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  	<tr>
					  		<td>4</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  	<tr>
					  		<td>5</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  	<tr>
					  		<td>6</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  	<tr>
					  		<td>7</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  	<tr>
					  		<td>8</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  	<tr>
					  		<td>9</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  	<tr>
					  		<td>10</td>
					  		<td>工程素质养成</td>
						  	<td>2018-01-22</td>
						  	<td>2018-02-11</td>
						  	<td>查看</td>
					  	</tr>
					  </tbody>
					</table>
					<div id="page" class="page"></div>
				</div>
			</div>
					<!--
    	作者：864478199@qq.com
    	时间：2018-03-26
    	描述：底部
    -->
			<div class="login-footer2">
				<span>厦门理工学院 &copy; 2018</span>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		layui.use(['laydate','laypage','layer'], function(){
		  var laydate = layui.laydate
		  ,layer = layui.layer
		  ,laypage = layui.laypage;
		  //常规用法
		  laydate.render({
		    elem: '#date-start'
		  });
		  laydate.render({
		    elem: '#date-end'
		  });
		  laypage.render({
		    elem: 'page'
		    ,count: 70
		    ,layout: ['count', 'prev', 'page', 'next', 'limit','skip']
		    ,jump: function(obj){
		      console.log(obj)
		    }
		  });
		});
	</script>
</html>
